$(document).ready(function(){
	var frame = $("#frame1");
	var barra1 = $("#barra2");
	var barra2 = $("#barra_conteudo1");
	var barra3 = $("#barra_conteudo2");
	var fechar1 = $("#fechar");

	fechar1.css("left", "5px");
	$(".voltar").css("left","5px");
	

	
    $(".barra_direita").hide();
    
	$("#material_suporte").click(function(){
			barra2.fadeOut(500);
			barra3.fadeOut(500);    
		barra1.slideToggle(500,function(){
			
		
			
		});
	
		
		
	});
	
	fechar1.click(function(){
		barra1.fadeOut(500);		
		
	});
	
	$("#organizacionais").click(function(){
		barra1.slideUp(500,function(){barra2.slideDown(500);});
			
		
			
		
	});
	
	$(".voltar").click(function(){
		$(".barra_direita").fadeOut(500,function(){
			barra1.slideDown();
			
		});
		
		
	});
	
	$("#desenvolvimento").click(function(){
		barra1.slideUp(500,function(){barra3.slideDown(500);});
		
	});
	
});